<template>
  <div class="yunwei-page">
    <top />
     <div class="then">
        <el-button type="success" icon="el-icon-plus">新建</el-button>
        <el-button type="warning" >工单配置</el-button>
        <el-table
    :data="tableData"
    stripe
    style="width: 98%">
    <el-table-column
      prop="index"
      label="序号"
      width="80">
    </el-table-column>
    <el-table-column
      prop="name"
      label="工单编号"
      width="140">
    </el-table-column>
    <el-table-column
      prop="address"
      label="设备编号"
      width="140">
    </el-table-column>
    <el-table-column
      prop="name"
      label="工单类型"
      width="140">
    </el-table-column>
    <el-table-column
      prop="name"
      label="工单方式"
      width="140">
    </el-table-column>
    <el-table-column
      prop="name"
      label="工单状态"
      width="140">
    </el-table-column>
    <el-table-column
      prop="name"
      label="运营人员"
      width="140">
    </el-table-column>
    <el-table-column
      prop="name"
      label="创建日期"
      width="140">
    </el-table-column>
    <el-table-column
      label="操作"
      width="100">
      <span color="skyblue" font-size="14px">查看详情</span>
    </el-table-column>
  </el-table>

        <span class="words">共2421条记录   第1/243页</span>

       <el-button style="margin-left: 1000px" type="info">上一页</el-button>
      <el-button type="info">下一页</el-button>

     <bottom />
      </div>
  </div>
</template>

<script>
import top from '@/components/top.vue'
import bottom from '@/components/bottom.vue'

export default {
  name: 'LikedePcVueIndex',
  components: {
    top,
    bottom
  },
  data () {
    return {
      tableData: [{
        index: '1',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        index: '2',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        index: '3',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        index: '4',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        index: '5',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        index: '6',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        index: '7',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        index: '8',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        index: '9',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        index: '10',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }
      ]
    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.yunwei-page {
  width: 100%;
  height: 100%;
  position: relative;
    .then {
    width: 1224px;
    height: 900px;
    margin-top: 20px;
    margin-left: 160px;
    background-color: #fff;
    .el-button {
    margin-left: 10px;
    margin-top: 10px;
   }
   .el-table {
    margin-left: 10px;
    margin-top: 10px;
   }
   .el-button {
      display: inline-block;
    }
    .words {
    position: absolute;
    top: 1000px;
    left: 180px;
    color: #dbdfe5;
    }
  }
}

</style>
